<!DOCTYPE html>
<html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <base id="base" href="${basePath}">
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/detail.css"/>
</head>
	<body ms-controller="root">
	<input type="hidden"  id="code" value="${code}">
    <div class="headbar2 color_ef tc hidden" ms-controller="head">
	<span class="arrow-left absolute l20 arrow-box">
		<b class="left"><i class="left-arrow1"></i><i class="left-arrow2"></i></b>
	</span>
        <div class="f18">小恒指</div>
        <div class="f10 mt6 colororange">非交易时段&nbsp;(只提供行情，不提供交易)</div>
        <span class="message bgBox" ms-click="toMessage"></span>
    </div>
		<div class="section01 w100">
			<div class="sec_top hidden w100">
				<div class="top_child1 w50 fl">
					<div class="colorGreen f35">36101</div>
					<div class="colorGreen f12"><span class="inline_block mr10">-881</span><span>-2.82%</span></div>
				</div>
				<div class="top_child2 w50 fl hidden color999 f12">
					<div class="w50 fl">
						<div>最高<span class="inline_block ml10 colorGreen">30315</span></div>
						<div class="mt6">最低<span class="inline_block ml10 colorGreen">29855</span></div>
						<div class="mt6">波动<span class="inline_block ml10 color_ef">874</span></div>
					</div>
					<div class="w50 fl">
						<div>今开<span class="inline_block ml10 colorGreen">30316</span></div>
						<div class="mt6">昨收<span class="inline_block ml10 color_ef">30151</span></div>
						<div class="mt6">涨速<span class="inline_block ml10 color_ef">21</span></div>
					</div>
				</div>
			</div>
			<!--<div class="sec_bottom w100 fl">-->
			</div>
		</div>
        <div class="section_time hidden">
            <div class="sec_left fl hidden">
                <div class="sec_chil fl" ms-class-istime="timeitem==1" ms-click="switchtime(1)" data="0">分时</div>
                <div class="sec_chil fl" ms-class-istime="timeitem==2" ms-click="switchtime(2)" data="1">1分</div>
                <div class="sec_chil fl" ms-class-istime="timeitem==3" ms-click="switchtime(3)" data="5">5分</div>
                <div class="sec_chil fl" ms-class-istime="timeitem==4" ms-click="switchtime(4)" data="15">15分</div>
                <div class="sec_chil fl" ms-class-istime="timeitem==5" ms-click="switchtime(5)" data="24">日K</div>
            </div>
            <div class="w20 fl">更多<span class="arrow_down inline_block"></span></div>
        </div>
        <!-- K线展示 -->
		<div class="section02" >
            <div class="timeban tr" ms-visible="topen" style="display: none;">
                <div class="tb01">30分</div>
                <div class="tb01">60分</div>
                <div class="tb01">120分</div>
            </div>
			<div id="section02" style="height: 300px;">

			</div>
        </div>

		<div class="detail_list borderbox" style="margin-bottom:50px;">
			<div class="detail_type f14 mt10 mb15">明细<span class="color999 ml10">F10</span></div>
			<div class="detail_title hidden f12 color999 mb15">
				<div class="w40 fl">时间</div>
				<div class="w15 fl tr">价位</div>
				<div class="w15 fl tr">现手</div>
				<div class="w15 fl tr">增仓</div>
				<div class="w15 fl tr">开平</div>
			</div>
            <div class="detail_title hidden f12 mb10" ms-repeat-item="dlist">
                <div class="w40 fl color_ef">2018-04-05 00:00:00</div>
                <div class="w15 fl tr">68.9</div>
                <div class="w15 fl tr">99</div>
                <div class="w15 fl tr color_ef">9</div>
                <div class="w15 fl tr color_ef">3</div>
            </div>
            <div class="detail_title hidden f12 mb10" ms-repeat-item="dlist">
                <div class="w40 fl color_ef">2018-04-04 00:01:00</div>
                <div class="w15 fl tr">68.9</div>
                <div class="w15 fl tr">99</div>
                <div class="w15 fl tr color_ef">9</div>
                <div class="w15 fl tr color_ef">3</div>
            </div>
            <div class="detail_title hidden f12 mb10" ms-repeat-item="dlist">
                <div class="w40 fl color_ef">2018-04-04 00:00:00</div>
                <div class="w15 fl tr">68.9</div>
                <div class="w15 fl tr">99</div>
                <div class="w15 fl tr color_ef">9</div>
                <div class="w15 fl tr color_ef">3</div>
            </div>
		</div>
	<div class="foot w100">
			<div class="w20 fl bgcolor_gre h100">
				<div class="fast_buy bgBox"></div>
				<div class="f10 tc">闪电交易</div>
			</div>
			<div class="w40 fl buy_btn tc bgcolor_red f18" ms-click="buy">买涨</div>
			<div class="w40 fl buy_btn tc bgcolor_blu f18">买跌</div>
		</div>
		<!--购买弹出框-->
			<div class="order w100 color999 borderbox" ms-visible="tubuy">
				<div class="pro_item f10 borderbox">
					<div>14:29自动平仓，涨10个点，赚10港币</div>
					<div class="mt5">当前汇率：1港币=0.90人民币</div>
				</div>
				<div class="pro_price f12 borderbox">
					<div>开仓价<span class="inline_block color_ef fr">34644</span></div>
				</div>
				<div class="pro_count">
					<div class="order_count hidden mb15">
						<div class="w30 fl">交易数量</div>
						<div class="w70 fl hidden tc">
							<div class="count_btn ml10 fr">10手</div>
							<div class="count_btn ml10 fr">5手</div>
							<div class="count_btn ml10 fr">3手</div>
							<div class="count_btn ml10 fr">2手</div>
							<div class="count_btn fr">1手</div>
						</div>
					</div>
					<div class="pro_point hidden f12">
						<div class="w50 fl point_left">
							<div>触发止损点数
								<span class="que_icon inline_block tc">?</span>
								<select class="choose">
									<option value="volvo">10</option>
									<option value="saab">20</option>
									<option value="opel">30</option>
								</select>
							</div>
							<div>触发止盈点数
								<span class="que_icon inline_block tc">?</span>
								<span class="set_po inline_block">
									<input class="point_input" type="number" maxlength="2" ms-duplex-string="price1"/>
								</span>
							</div>
						</div>
						<div class="w50 fl borderbox point_right">
							<div>触发止损金额
								<span class="que_icon inline_block tc">?</span>
								<span class="colorGreen f12">-270.0</span>
							</div>
							<div>触发止盈金额
								<span class="que_icon inline_block tc">?</span>
								<span class="set_po inline_block">
									<input class="point_input" type="number" maxlength="2" ms-duplex-string="price2"/>
								</span>
							</div>
						</div>
					</div>
					<div class="foc">
						<span class="foc_choose inline_block" ms-class-focu="isfocu" ms-click="ChooseFocu"></span>
						<span class="inline_block mr20">触发止盈</span>
						<span class="foc_choose inline_block" ms-class-focu="isfoc" ms-click="ChooseFoc"></span>
						<span class="inline_block">不触发止盈</span>
					</div>
					<div class="cover">
						<span class="foc_choose inline_block"></span>
						<span class="inline_block">移动保本</span>
						<span class="que_icon inline_block tc">?</span>
						<span class="inline_block">移动点数</span>
						<span class="set_po inline_block mr10">
							<input class="point_input" type="number" maxlength="2" ms-duplex-string="usermobile"/>
						</span>
						<span class="inline_block">保本点数</span>
						<span class="set_po inline_block">
							<input class="point_input" type="number" maxlength="2" ms-duplex-string="usermobile"/>
						</span>
					</div>
					<div class="balance">
						<span class="inline_block mr10">当前余额</span>
						<span class="f12 colororange">1.00元</span>
						<span class="inline_block fr recharge f12">去充值</span>
					</div>
					<div class="total f12">
						<span class="color_ef">交易费用80.0+保证金650.0=</span>
						<span class="colorred">合计730.0</span>
						<div class="btnBox mt30">
							<div class="bgcolor_ora color_ef br5 tc" ms-click="topay">确定买涨</div>
						</div>
					</div>
				</div>
			</div>

    <!-- 引入 echarts.js -->
    <script type="text/javascript" src="js/plugs/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/trades/product_detail.js"></script>
    <script type="text/javascript" src="js/date_format.js" language="javascript"></script>
    <script type="text/javascript" src="js/plugs/layer/mobile/layer.js" language="javascript"></script>
    <script type="text/javascript">
        $(function () {
            toLoadView(0);

            $('.sec_chil').click(function(){
				var data=$(this).attr('data');
                toLoadView(data);
            });
        });
    </script>
	</body>
</html>
